import React, { useContext, useEffect } from 'react'
import "./index.scss"
import MySearch from './components/Search'
import { Button } from 'antd'
import Selected from './components/Selected'
import SignUp from './components/SignUp'
import AllClassify from './components/AllClassify'
import { fullScreenCtx } from '../../components/IMShowPic/Zoom'
import FullScreen from '../../components/IMShowPic/FullScreen'

function HomePage() {
    const { isFullScreen } = useContext(fullScreenCtx)
    useEffect(() => {
        console.log(isFullScreen)
    }, [])
    return <div className="im_home">
        <div className="im_home_banner">
            <div>
                <MySearch></MySearch>
                <div className="im_home_banner_hot">
                    大家都在搜 :<Button type="link">蓝天</Button>
                    <Button type="link">星空</Button>
                    <Button type="link">风景</Button>
                    <Button type="link">美食</Button>
                </div>
            </div>
        </div>
        <div className="im_home_module">
            <Selected></Selected>
        </div>
        <div className="im_home_module">
            <AllClassify></AllClassify>
        </div>
        <div className="im_home_module">
            <SignUp></SignUp>
        </div>
    </div>
}

export default HomePage